<div v-for="(item, index) in 10" class="flex-column font-size-min">
  <div class="justify-between padding-10">
    <div class="font-weight-bold">Attacker</div>
    <span class="text-color-secondary">Player value (eur)</span>
  </div>
  <div class="padding-10 bg-regular">
    <div class="justify-between align-center margin-top-5 margin-bottom-5">
      <div class="flex align-center">
        <div class="role-icon margin-right-10">
          <span class="player-number">{{10+index}}</span>
          <img class="width-25 height-auto" src="./images/teamDetail/jersey_icon.png" alt="" srcset="" />
        </div>
        <a href="playerDetail.html" class="player-photo margin-right-10">
          <img class="width-30 height-auto" src="./images/ball_park.png" alt="" srcset="" />
        </a>
        <a href="playerDetail.html" class="flex-column font-size-min">
          <span class="text-ellipsis">Haaland</span>
          <span class="text-ellipsis text-color-secondary font-size-min">Age 26/Spain</span>
        </a>
      </div>
      <div class="font-size-min">1.8 billion</div>
    </div>
  </div>
</div>
